<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>商品分类详情</title>
		 <script src="js/rem.js"></script>
	     <link rel="stylesheet" type="text/css" href="css/detail.css"/>
	     <!--设置视口属性 开启移动端布局-->
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />		 
		<!--引用淘宝开发的H5多终端适配方案  一个js方案-->
		<script src="http://g.tbcdn.cn/mtb/lib-flexible/0.3.4/??flexible_css.js,flexible.js"></script>
			
	</head>
	<body>
		<div class="app">
		<div class="title">
			<span><img src="img/9.png"/></span>
			<span><input type="text" class="inp" placeholder="请输入宝贝名称" /></span>
		</div>

		<div class="left">
			<ul>
				<li>潮流女装</li>
				<li>品牌男装</li>
				<li>电脑办公</li>
				<li>手机数码</li>
				<li>母婴童装</li>
				<li>图书</li>
				<li>家居家纺</li>
				<li>居家生活</li>
				<li>家居建材</li>
				<li>居家生活</li>
				<li>家居建材</li>
				<li>食品生鲜</li>
				<li>箱包</li>
				<li>运动户外</li>
				<li>内衣</li>
				<li>医药保健</li>
				<li>奢品礼品</li>
				<li>汽车用品</li>
				<li>玩具乐器</li>
				<li>生活旅行</li>
				<li>酒水饮料</li>
				<li>化妆彩妆</li>
				<li>钟表珠宝</li>
				<li>书籍</li>
			</ul>
		</div>

		<div class="right">
			<div class="rgt_top">
				<p class="qun">裙装</p>
				<div class="contain">
				   <dl>
				   	<dt><img src="img/goods.png"/></dt>
				   	<dd>羽绒服</dd>
				   </dl>
				    <dl>
				   	<dt><img src="img/goods.png"/></dt>
				   	<dd>羽绒服</dd>
				   </dl>
				    <dl>
				   	<dt><img src="img/goods.png"/></dt>
				   	<dd>羽绒服</dd>
				   </dl>
				</div>
				<br/>
				<div class="contain">
				   <dl>
				   	<dt><img src="img/goods.png"/></dt>
				   	<dd>羽绒服</dd>
				   </dl>
				    <dl>
				   	<dt><img src="img/goods.png"/></dt>
				   	<dd>羽绒服</dd>
				   </dl>
				    <dl>
				   	<dt><img src="img/goods.png"/></dt>
				   	<dd>羽绒服</dd>
				   </dl>
				</div>
				<br/>
				<div class="contain">
				   <dl>
				   	<dt><img src="img/goods.png"/></dt>
				   	<dd>羽绒服</dd>
				   </dl>
				    <dl>
				   	<dt><img src="img/goods.png"/></dt>
				   	<dd>羽绒服</dd>
				   </dl>
				    <dl>
				   	<dt><img src="img/goods.png"/></dt>
				   	<dd>羽绒服</dd>
				   </dl>
				</div>
			</div>
            
          <div class="rgt_main">
				<p class="qun">上装</p>
				<div class="contain2">
				   <dl>
				   	<dt><img src="img/goodsdesc1.jpg"/></dt>
				   	<dd>上装</dd>
				   </dl>
				    <dl>
				   	<dt><img src="img/goodsdesc1.jpg"/></dt>
				   	<dd>上装</dd>
				   </dl>
				   <dl>
				   	<dt><img src="img/goodsdesc1.jpg"/></dt>
				   	<dd>上装</dd>
				   </dl>
				</div>
				<br/>
				<div class="contain2">
				  <dl>
				   	<dt><img src="img/goodsdesc1.jpg"/></dt>
				   	<dd>上装</dd>
				   </dl>
				    <dl>
				   	<dt><img src="img/goodsdesc1.jpg"/></dt>
				   	<dd>上装</dd>
				   </dl>
				    <dl>
				   	<dt><img src="img/goodsdesc1.jpg"/></dt>
				   	<dd>上装</dd>
				   </dl>
				</div>
			</div>
            
            <div class="rgt_down">
				<p class="qun">下装</p>
				<div class="contain3">
				   <dl>
				   	<dt><img src="img/goodsdesc2.jpg"/></dt>
				   	<dd>下装</dd>
				   </dl>
				    <dl>
				   	<dt><img src="img/goodsdesc2.jpg"/></dt>
				   	<dd>下装</dd>
				   </dl>
				   <dl>
				   	<dt><img src="img/goodsdesc2.jpg"/></dt>
				   	<dd>下装</dd>
				   </dl>
				</div>
				<br/>
				<div class="contain3">
				  <dl>
				   	<dt><img src="img/goodsdesc2.jpg"/></dt>
				   	<dd>下装</dd>
				   </dl>
				    <dl>
				   	<dt><img src="img/goodsdesc2.jpg"/></dt>
				   	<dd>下装</dd>
				   </dl>
				    <dl>
				   	<dt><img src="img/goodsdesc2.jpg"/></dt>
				   	<dd>下装</dd>
				   </dl>
				</div>
				<br/>
				<div class="contain3">
				  <dl>
				   	<dt><img src="img/goodsdesc2.jpg"/></dt>
				   	<dd>下装</dd>
				   </dl>
				    <dl>
				   	<dt><img src="img/goodsdesc2.jpg"/></dt>
				   	<dd>下装</dd>
				   </dl>
				    <dl>
				   	<dt><img src="img/goodsdesc2.jpg"/></dt>
				   	<dd>下装</dd>
				   </dl>
				</div>
			</div>
            
            
            <div class="rgt_footer">
				<p class="qun">潮流鞋</p>
				<div class="contain4">
				   <dl>
				   	<dt><img src="img/goods1.jpg"/></dt>
				   	<dd>潮流鞋</dd>
				   </dl>
				    <dl>
				   	<dt><img src="img/goods1.jpg"/></dt>
				   	<dd>潮流鞋</dd>
				   </dl>
				   <dl>
				   	<dt><img src="img/goods1.jpg"/></dt>
				   	<dd>潮流鞋</dd>
				   </dl>
				</div>
			</div> 
		</div>

	</div>
	</body>
</html>
